<template>
  <div>
    <pre @erha="handler">我是HTML5新增语义化标签</pre>
    <!-- 组件:在使用的时候无非是自定义标签 
           自定义事件:主要的目的是子组件给父组件传递数据
           ---事件源:Header组件标签
           ---事件类型:erha
           ---事件的回调:是组件App实例的一个方法
               如何触发:这个自定义事件，由这个事件源组件实例触发$emit，才会触发这个自定义事件！！！
     -->
    <Header @erha="handler"></Header>
  </div>
</template>

<script>
//引入子组件
import Header from "./components/Header.vue";
export default {
  name: "",
  components: {
    Header,
  },
  methods: {
    handler(car, a, d) {
      console.log("感谢儿子给我买的", car, a, d);
    },
  },
};
</script>

<style scoped lang="less">
div {
  width: 800px;
  height: 400px;
  margin: 20px auto;
  background: green;
}
</style>
